<template>
	<div class="home-container layout-pd">
		<div>
			<el-row :gutter="10">
				<el-col :span="24" class="mb10">
					<today ref="todayRef"></today>
				</el-col>
				<el-col :span="24" class="mb10">
					<month ref="monthRef"></month>
				</el-col>
				<el-col :span="24" class="mb10">
					<shortcutMenu ref="shortcutMenuRef"></shortcutMenu>
				</el-col>
				<el-col :span="16" class="mb10">
					<achievement ref="achievementRef"></achievement>
				</el-col>
				<el-col :span="8" class="mb10">
					<news ref="newsRef"></news>
				</el-col>
				<el-col :span="8" class="mb10">
					<age ref="ageRef"></age>
				</el-col>
				<el-col :span="8" class="mb10">
					<consumerStatistics ref="consumerStatisticsRef"></consumerStatistics>
				</el-col>
				<el-col :span="8" class="mb10">
					<customerSource ref="customerSourceRef"></customerSource>
				</el-col>
			</el-row>
		</div>
	</div>
</template>

<script setup lang="ts" name="funGridLayout">
import { ref,defineAsyncComponent} from 'vue';
// 引入组件
const today = defineAsyncComponent(() => import('/@/views/home/components/today.vue'));
const month = defineAsyncComponent(() => import('/@/views/home/components/month.vue'));
const shortcutMenu = defineAsyncComponent(() => import('/@/views/home/components/shortcutMenu.vue'));
const achievement = defineAsyncComponent(() => import('/@/views/home/components/achievement.vue'));
const news = defineAsyncComponent(() => import('/@/views/home/components/news.vue'));
const age = defineAsyncComponent(() => import('/@/views/home/components/age.vue'));
const consumerStatistics = defineAsyncComponent(() => import('/@/views/home/components/consumerStatistics.vue'));
const customerSource = defineAsyncComponent(() => import('/@/views/home/components/customerSource.vue'));


// 定义变量内容
const todayRef = ref();
const monthRef = ref();
const shortcutMenuRef = ref();
const achievementRef = ref();
const newsRef = ref();
const ageRef = ref();
const consumerStatisticsRef = ref();
const customerSourceRef = ref();
</script>

<style scoped lang="scss">
</style>
